//  获取dom
const loginForm = document.querySelector(".login-form");// 登录表单


loginForm.addEventListener('submit', function (e) {
  // 阻止默认行为
  e.preventDefault();
  // 快速获取表单数据
  const data = serialize(loginForm, { hash: true, empty: true });
  // console.log(data);

  if (!/[a-zA-Z0-9_]{2,30}/.test(data.username)) {
    // 不合法
    showToast("用户名不合法2-30")
    return
  }
  if (!/[a-zA-Z0-9_]{6,30}/.test(data.password)) {
    // 不合法
    showToast("密码不合法6-30")
    return
  }
  axios({
    url: "/login",
    method: "post",
    data
  }).then(result => {
    // console.log("成功");
    console.log(result);
    // 弹出窗口提示用户
    showToast("登录成功");

    // 把敏感信息存储到本地存储中 ...  -  jwt 解决方案 
    localStorage.setItem('token', result.data.token)
    localStorage.setItem('username', result.data.username)
    // 延迟一会再跳转
    setTimeout(() => {
      location.href = "index.html";
    }, 1500);


  }).catch(error => {
    // console.log("出错");
    // console.dir(error);
    showToast(error)
  })

})